﻿<!DOCTYPE html>
<html lang="zh-CN" ng-app="Emergency">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>智慧管控平台</title>
    <link href="~/Assets/Emergency/css/base.css" rel="stylesheet" />
    <link href="~/Assets/Emergency/css/index.css" rel="stylesheet" />
    <link href="~/Assets/Emergency/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link href="~/Assets/Emergency/css/banner.css" rel="stylesheet" />
    <link href="~/Assets/Emergency/css/font-awesome.min.css" rel="stylesheet" />
    <style>
        .t_title {
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 2.5em;
            line-height: 80px;
            color: #fff;
        }

        #chart_map {
            cursor: pointer;
        }

        .t_show {
            position: absolute;
            top: 0;
            right: 0;
            border-radius: 2px;
            background: #2C58A6;
            padding: 2px 5px;
            color: #fff;
            cursor: pointer;
        }

        #worktypelist {
            margin: 20px;
        }

            #worktypelist li {
                float: left;
                list-style: none;
                color: white;
                margin-left: 10px;
            }

            #worktypelist span {
                width: 30px;
                height: 15px;
                background-color: grey;
                display: block;
                border-radius: 5px;
                float: left;
                margin: 3px;
            }

        .table_p {
            height: 93%;
            margin-top: 7%;
            position: relative;
        }

        .table_p01 {
            height: auto !important;
            margin-top: 0 !important;
            position: relative;
        }

            .table_p01 table td {
                padding: 6px 0;
            }




        .table_p table tbody {
            color: #ffffff;
            font-size: 13px;
        }

            .table_p table tbody tr:nth-child(2n+1) {
                background-color: #072951;
                box-shadow: -10px 0px 15px #034c6a inset, 10px 0px 15px #034c6a inset;
            }

        .meter-info {
            width: 16%;
            word-break: keep-all; /* 不换行 */
            white-space: nowrap;
            display: inline-block;
        }

        .meter-head {
            color: white;
            font-weight: bold;
            font-size: 14px;
        }

        .meter-footer {
            color: white;
            font-weight: bold;
            font-size: 18px;
        }

        .meter {
            width: 25px;
            height: 150px;
            display: block;
            margin: 0 auto;
        }

        .table_p {
            line-height: 30px;
            font-size: 18px;
        }

            .table_p span {
                display: block;
                float: left;
                width: 80px;
                font-weight: bold;
                text-align: right;
            }

            .table_p table {
                width: 100%;
                border-collapse: collapse;
                position: absolute;
                text-align: center;
            }

                .table_p table tr {
                    height: 40px;
                }

                .table_p table thead th {
                    color: #61d2f7;
                    font-size: 14px;
                    font-weight: 600;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    text-align: center;
                }

        .menu_btn {
            margin-top: 30px;
            cursor: pointer;
            box-sizing: border-box;
            border: 2px solid red;
            border-image: url(~/Assets/Emergency/img/border.png) 51 38 21 132;
            border-width: 1.125rem 1.583rem 0.875rem 2.5rem;
            width: 100px;
            height: 40px;
            font-size: 14px;
            font-weight: bold;
        }

            .menu_btn a {
                display: block;
                cursor: pointer;
                text-align: center;
            }

        .div-a {
            position: absolute;
        }

        .detail_div {
            background-color: rgba(0,0,0,0.5);
            color: #FFF;
            border-radius: 4px;
            z-index: 999;
            position: fixed;
            width: 300px;
        }

        .detail_text {
            display: none;
            font-size: 17px;
        }

        .menu-active {
            color: white;
            font-weight: bold;
        }

        #triangle-topleft {
            width: 0;
            height: 0;
            border-top: 100px solid black;
            border-right: 100px solid transparent;
        }

        #triangle-topright {
            width: 0;
            height: 0;
            border-top: 100px solid black;
            border-left: 100px solid transparent;
        }

        div::-webkit-scrollbar {
            width: 10px;
            height: 10px;
            /**/
        }

        div::-webkit-scrollbar-track {
            background: rgb(12, 27, 45);
            border-radius: 2px;
        }

        div::-webkit-scrollbar-thumb {
            background: rgb(51,122,183);
            border-radius: 10px;
        }

            div::-webkit-scrollbar-thumb:hover {
                background: #333;
            }

        div::-webkit-scrollbar-corner {
            background: #179a16;
        }

        .fl {
            float: none;
        }

        table tbody {
            display: block;
            height: 800px;
            overflow-y: scroll;
            font-size: 16px;
        }

        table thead, tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

        tbody::-webkit-scrollbar {
            width: 10px;
            height: 10px;
            /**/
        }

        tbody::-webkit-scrollbar-track {
            background: rgb(12, 27, 45);
            border-radius: 2px;
        }

        tbody::-webkit-scrollbar-thumb {
            background: rgb(51,122,183);
            border-radius: 10px;
        }

            tbody::-webkit-scrollbar-thumb:hover {
                background: #333;
            }

        tbody::-webkit-scrollbar-corner {
            background: #179a16;
        }
    </style>
</head>
<body style="overflow:hidden;height:100%;" ng-controller="EmergencyController" ng-init=" model={};
      GetSpecialDevice();
      ">
    <a href="../Emergency/Index" style="background:none;font-size:30px;width:10%;position:absolute; font-size:20px;top:80px;left:40px;"><span class="glyphicon glyphicon-home"></span></a>
    <div class="header">
        <div class="bg_header">
            <div class="header_nav fl t_title">
                重点设备列表
            </div>
        </div>
    </div>
    <div class="data_content" style="height:1080px;margin-top:30px;">
        <div class="data_main" style="height:auto;">

            <div class="main_center fl" style="width:80%;margin:0px auto;display: block;">

                <div class="center_text" style="height:880px;">
                    <!--左上边框-->
                    <div class="t_line_box">
                        <i class="t_l_line"></i>
                        <i class="l_t_line"></i>
                    </div>
                    <!--右上边框-->
                    <div class="t_line_box">
                        <i class="t_r_line"></i>
                        <i class="r_t_line"></i>
                    </div>
                    <!--左下边框-->
                    <div class="t_line_box">
                        <i class="l_b_line"></i>
                        <i class="b_l_line"></i>
                    </div>
                    <!--右下边框-->
                    <div class="t_line_box">
                        <i class="r_b_line"></i>
                        <i class="b_r_line"></i>
                    </div>
                    <div class="main_title">
                        <i class="icon-info"></i>
                        重点设备&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                    <div class="chart" style="width:100%;">
                        <div class="div_any_child" style="height: 880px;">
                            <div class="table_p" style="height: 96%;margin-top: 20px;">
                                <table>
                                    <thead>
                                        <tr>
                                            <th style="width: 5%">序号</th>
                                            <th style="width: 5%">设备名称</th>
                                            <th style="width: 5%">类型</th>
                                            <th style="width: 5%">设备位置</th>
                                            <th style="width: 10%">使用部门</th>
                                            <th style="width: 10%">责任部门</th>
                                            <th style="width: 5%">责任人</th>
                                            <th style="width: 5%">有效期</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="item in SpecicalDeviceList" ng-cloak>
                                            <td style="text-align: center;width: 5%">
                                                <div ng-bind="$index+1"></div>
                                            </td>
                                            <td style="width: 5%">
                                                <div>{{item.DeviceName}}</div>
                                            </td>
                                            <td style="width: 5%">
                                                <div>{{item.DeviceType}}</div>
                                            </td>
                                            <td style="width: 5%">
                                                <div>{{item.InstallLocation}}</div>
                                            </td>
                                            <td style="width: 10%">
                                                <div ng-bind="item.UserDepartment"></div>
                                            </td>
                                            <td style="width: 10%">
                                                <div ng-bind="item.ResDepartment"></div>
                                            </td>
                                            <td style="width: 5%">
                                                <div ng-bind="item.ResUser"></div>
                                            </td>

                                            <td style="width: 5%">
                                                <div>{{item.NextCheckDate|JSONDate :'yyyy-MM-dd'}}</div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

<script src="~/Assets/Scripts/base/angular.js"></script>
<script type="text/javascript" src="~/Assets/DashBoard/js/jquery.min.js"></script>
<script src="~/Assets/Scripts/libs/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.0.1/dist/echarts.min.js"></script>
<script src="~/Assets/Emergency/js/lb.js"></script>
<script src="~/Assets/Scripts/pg/Emergency.js"></script>


</html>